<include file="Public/mheader" />
<style>
body{
	width:100%;
	height:100%;
	background:url(/upload/ntxx/bg_3.png)  no-repeat;
	background-size: 100% 100%;
	background-position: top;
	/*background-size: cover;
	background-position: 50% 50%;*/
	background-attachment:fixed;
	font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
	font-size:18px;
}
.center{
	margin:0 auto;
	padding:100px 30px 100px 30px;
	height:100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.content{
	background:rgba(255,255,255,0.6);
	border-radius: 5px;
	padding: 2px;
}
.title{
	margin-bottom:10px;
	text-align:center;
}
.img{
	margin-top:10px;
}
.img img{
	max-width:100%;
}

.aw>div{
	margin: 5px 5px;
	border: #888888 1px solid;
	padding: 5px;
	border-radius: 5px;
	position: relative;
}
.aw>.error:after{
	content:"";
	width:3px;
	height:20px;
	position: absolute;
	right:15px;
	bottom:5px;
	border-right: red 3px solid;
	transform:rotate(45deg);
}
.aw>.error:before{
	content:"";
	width:3px;
	height:20px;
	position: absolute;
	right:15px;
	bottom:5px;
	border-right: red 3px solid;
	transform:rotate(-45deg);
}
.aw>.success:after{
	content:"";
	width:10px;
	height:20px;
	position: absolute;
	right:10px;
	bottom:5px;
	border-right: red 3px solid;
	border-bottom: red 3px solid;
	transform:rotate(45deg);
}

.fra{
	position:absolute;
	right:10px;
	top:10px;
	background:rgba(255,255,255,0.6);
	font-size:16px;
}
.cansubmit{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background:white;
	height:100%;
	padding:30px;
}
.submit-info{
	font-size:14px;
	margin-top:10px;
}
.input{
	margin-top:5px;
}
a.btn.btn-block{
	margin-top:5px;
	margin-bottom:5px;
}

.rank{
	width:2em;
	text-align:center;
}
.fraaa{
	width:4em;
	text-align:center;
}
</style>
<div class="center">
	<div class="content">
		<div class="title">
			 <select id="type" style="margin-right: 5px">
			<option value="0">个人</option>
			<option  value="1">市直单位</option>
			<option selected value="2">县市区</option>
			</select>排行榜</div>
		<!--<div class="content">说明：<br />1.单位排行榜计分方法为单位参与人数除以单位党员总人数。<br />2.县区与市直一起计分，分开排名。<br />3.此榜为系统即时排名，非最终结果。</div>-->
		<div class="aw">
				<div class="answer boxs">
					<div class="rank"></div>
					<div class="name box-item">单位</div>
					<div class="fraaa">参与比率</div>
				</div>
			<foreach name="data" item="v" key="k">
				<div class="answer boxs">
					<div class="rank">{$k+1}</div>
					<div class="name box-item">{$v.name}</notempty></div>
					<div class="fraaa">{$v.ps}%</div>
				</div>
			</foreach>
		</div>
	</div>
</div>

<script>
    $(function(){
        $("#type").change(function () {
            var v = $("#type").val();
            if(v === "1"){
                window.location.href='/Ntxx/rank/company.html';
            }
            else if(v==="0"){
                window.location.href='/Ntxx/rank/personal.html';
            }
        })
    });
</script>
<include file="public/footer" />